<template>
	<view style="height: 600rpx;">
		<view class="cu-bar bg-white solid-bottom">
			<view style="width: 100%;">
				<view class="cu-avatar round avatarSm"
					style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg);">
				</view>
				<text class="margin-left-sm">热点资讯</text>
				<text style="margin-left: 46%;"> 查看更多></text>
			</view>
		</view>
		<view class="cu-list menu-avatar">
			<view class="cu-item" v-for="(item,index) in 3" :key="index">
				<view class="content">
					<view class="text-grey">凯尔</view>
					<view class="text-gray text-sm flex">
						<view class="text-cut">
							<text class="cuIcon-infofill text-red  margin-right-xs"></text>
							我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。
						</view>
					</view>
				</view>
				<view class="action">
					<view class="cu-avatar round lg"
						style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg);">
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		mounted() {

		},
		onReady() {

		},
		methods: {

		}
	}
</script>

<style scoped>
	.avatarSm {
		width: 40upx;
		height: 40upx;
		font-size: 1em;
	}
</style>
